import { router } from 'expo-router'
import { Button, StyleSheet, Text, View } from 'react-native'

import { useAuth } from '~/src/hooks/useAuth'

const HomePage = () => {
  const { logout } = useAuth()
  return (
    <View className="flex-1 items-center justify-center">
      <Text>HomePage12</Text>

      <Button
        onPress={() => {
          logout()
          router.replace('/login')
        }}
        title="Logout"
      />
      {/* <View className="bg-user h-[20px]">
        <Text>sds</Text>
      </View>

      <Button
        onPress={() => {
          const agentId = '20cbaa79-a047-41a2-871f-3dde24ba7e68'
          router.replace({
            pathname: `/chat/`,
            params: {
              agentId: agentId,
            },
          })
        }}
        title="chat"
      />
      <View style={styles.container}>
        <Text>sds</Text>
      </View> */}
    </View>
  )
}

const styles = StyleSheet.create({
  container: {
    height: 20,
    backgroundColor: 'red',
  },
})

export default HomePage
